<script setup lang="ts">
import LoginForm from "@/views/login/components/loginForm/loginForm.vue";
</script>

<template>
  <div class="login">
    <div class="left">
      <img src="../../assets/images/login.png" />
    </div>
    <div class="right">
      <login-form></login-form>
    </div>
  </div>
</template>

<style scoped lang="scss">
.login {
  width: 100%;
  height: 100%;
  display: flex;
  background-color: #001529;

  .left {
    width: 55%;
    height: 100%;
    min-width: 800px;
    min-height: 1100px;
    border-top-right-radius: 50px;
    border-bottom-right-radius: 50px;
    overflow: hidden;
    img {
      width: 110%;
      height: 110%;
    }
  }

  .right {
    width: 45%;
    min-width: 800px;
    min-height: 1100px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #001529;

  }
}
</style>
